【CSS】@ルール - 動作の定義

CSSの@ルール（アットルール）について解説します。

検証環境

CSS

macOS

14.1

@ルール

@ルールはCSSの動作を定義します。

@charsetや@import、@mediaなどの種類があります。

@識別子 構文;

構文の部分は設定する＠ルールによって異なります。

また、基本的に@ルールはスタイルの最初に定義します。

文字コードを設定する@charsetのサンプルを示します。

sample.css

@charset "utf-8"

一般的な@ルールは次の通りです。

@ルール	説明
@charset	スタイルシート（CSSファイル）の文字コードを定義します。
@import	外部スタイルシート（CSSファイル）を読み込みます。
@media	@mediaはスタイルを適用する条件を定義します。

各@ルールについては次のドキュメントをご覧ください。